<template>
	<view>
		123
		<image :src="item.image" mode=""></image>
		<view class="right">
			<view class="title">{{item.title}}</view>
			<view class="desc">{{item.desc}}</view>
			<view class="price">¥： {{item.price}}</view>
		</view>
	</view>
</template>

<script setup>
	import { defineProps } from 'vue'
	
	defineProps(['item'])
</script>

<style lang="scss" scoped>
.list-item {
	display: flex;
	image {
		width: 250px;
		height: 250px;
		flex-shrink: 0;
	}
	.right {
		margin-left: 10px;
		.price {
			color: red;
		}
	}
	
}
</style>